<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <title>优点达资讯-分享那些新鲜事</title>
    <link
      rel="stylesheet"
      href="static/css/style.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="./static/fonts/css/font-awesome.min.css" />
    <link
      rel="stylesheet"
      href="./static/lib/layui-v2.7.4/layui/css/layui.css"
    />
    <link rel="stylesheet" href="./static/css/shw/show.css" />
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--[if lt IE 9]><script src="static/js/html5.js"></script><![endif]-->
  </head>
  <body
    class="post-template-default single single-post postid-329 single-format-standard search_not m-home-most ui-navtop"
  >
    <!-- 头部开始 -->
    <div class="shw">
      <header class="header">
        <div class="container">
          <h1 class="logo">
            <a href="index.html" title="优点达资讯-分享那些新鲜事">
              <img src="static/images/logo.png" alt="优点达资讯" />
              优点达资讯
            </a>
          </h1>
          <ul
            class="nav"
            style="display: flex; justify-content: space-between; width: 67%"
          >
            <li class="navmore"></li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item current_page_item"
            >
              <a title="" href="index.html">
                <span class="fa fa-home"></span>
                趣·首页
              </a>
            </li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category"
              v-for="obj in allCate.slice(0,10)"
              :key="obj.id"
            >
              <a
                style="padding: 12px 0"
                :href="'list.html?catename='+obj.catename+'&cateid='+obj.id"
              >
                <span class="fa" :class="obj.icon"></span>
                {{obj.catename}}
              </a>
            </li>
          </ul>
          <div class="slinks">
            <a href="login.html" v-show="token===null">
              <i class="fa fa-hand-o-right"></i>
              &nbsp;登录
            </a>
            |
            <a href="reg.html" v-show="token===null">
              <i class="fa fa-registered"></i>
              &nbsp;注册
            </a>
            <a href="user.html" v-show="token!=null">
              <i class="fa fa-user"></i>
              &nbsp;欢迎，{{user!==null?user.userInfo.username:''}}
            </a>
            <a class="fa fa-sign-out" v-show="token!=null" @click="rem"></a>
          </div>
          <!-- 移动端兼容 -->
          <a href="login.html" class="user"><i class="fa fa-user"></i></a>

          <!-- 点击该图标的时候判断是否登录了，决定是否进入用户中心，否则进入登录页 -->
        </div>
      </header>
      <!-- 头部结束 -->

      <section class="container">
        <!-- 左侧开始 -->
        <div class="content-wrap">
          <div class="content">
            <header class="article-header">
              <!-- 面包屑 -->
              <div class="breadcrumbs">
                <span class="text-muted">当前位置：</span>
                <a href="">优点达资讯</a>
                <small>></small>
                <a href="">{{newShow.info.catename}}</a>
                <small>></small>
                <span class="text-muted">正文</span>
              </div>
              <!-- 标题 -->
              <h1 class="article-title">
                <a href="">{{newShow.info.title}}</a>
              </h1>
              <!-- 标题描述 -->
              <ul class="article-meta">
                <li>
                  <a href="">{{newShow.info.author}}</a>
                  发布于 {{newShow.info.create_date | www}}
                </li>
                <li>
                  分类：
                  <a href="" rel="category tag">{{newShow.info.catename}}</a>
                </li>
                <li>
                  <span class="post-views">阅读({{newShow.info.lovenum}})</span>
                </li>
                <li>评论(1)</li>
                <li>
                  <a
                    href="javascript:;"
                    @click="collection"
                    :style="loc1?'color: red':''"
                  >
                    {{loc1?'已收藏':'点击收藏'}}
                  </a>
                </li>
              </ul>
            </header>
            <!-- 广告位 -->
            <!-- <div class="ssr ssr-content ssr-post">
              <center>
                <a href="" title="" target="_blank" rel="nofollow">
                  <img
                    src="static/images/default.png"
                    style="width: 728px; height: 90px"
                    alt=""
                  />
                </a>
              </center>
            </div> -->
            <!-- 文章正文 -->
            <article class="article-content">
              <!-- 文章内容开始 -->
              <p v-html="newShow.info.content"></p>
              <!-- 文章内容结束 -->

              <!-- 版权描述 -->
              <p class="post-copyright">
                未经允许不得转载：
                <a href="">优点达资讯</a>
                &raquo;
                <a href="">{{newShow.info.title}}</a>
              </p>
            </article>
            <!-- 点赞 -->
            <div class="article-social">
              <a
                href="javascript:;"
                class="action"
                :class=" loc?'good':'action-like'"
                @click="zan"
              >
                <i class="glyphicon glyphicon-thumbs-up"></i>
                {{loc?'已赞':'点赞'}} (
                <span>{{newShow.info.click}}</span>
                )
              </a>
            </div>
            <!-- 标签信息 -->
            <div class="article-tags">
              标签：
              <a href="" rel="tag">{{newShow.info.tags}}</a>
            </div>
            <!-- 上下一篇 -->
            <nav class="article-nav">
              <span class="article-nav-prev">
                <span>上一篇</span>
                <a :href="'show.html?id='+prevId" @click="prev" rel="prev">
                  {{prevTitle}}
                </a>
              </span>
              <span class="article-nav-next">
                <span>下一篇</span>
                <a :href="'show.html?id='+naxtId" @click="naxt" rel="next">
                  {{naxtTitle}}
                </a>
              </span>
            </nav>
            <!-- 广告位 -->
            <!-- <div class="ssr ssr-content ssr-related">
              <center>
                <a href="" rel="nofollow" title="" target="_blank">
                  <img
                    src="static/images/default.png"
                    style="width: 728px; height: 90px"
                    alt=""
                  />
                </a>
              </center>
            </div> -->
            <div class="relates relates-model-thumb">
              <h3 class="title"><strong>相关推荐</strong></h3>
              <ul>
                <li v-for=" obj in newShow.recommend" :key="obj.id">
                  <a target="_blank" :href="'./show.html?id='+obj.id">
                    <span>
                      <img
                        :src="'http://124.223.14.236:8060/'+ obj.pic"
                        class="thumb"
                      />
                    </span>
                    {{obj.title}}
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 左侧结束 -->

        <!-- 右侧开始 -->
        <div class="sidebar">
          <!-- 右侧广告位开始 -->
          <div class="widget widget_text">
            <div class="textwidget">
              <a
                :href="obj.advimglink"
                rel="nofollow"
                target="_blank"
                title="阿里云开学季"
                v-for="obj in sideBanner"
                :key="obj.id"
              >
                <img
                  class="g430"
                  style="width: 360px; height: 133px"
                  :src="'	http://124.223.14.236:8060/'+obj.advimgsrc"
                  :alt="obj.advimgdesc"
                />
              </a>
            </div>
          </div>
          <!-- 右侧广告位结束 -->
          <!-- 通知公告开始 -->
          <div class="widget widget_textssr">
            <a
              class="style02"
              href="http://www.thefox.cn/alibaixiu.shtml"
              target="_blank"
            >
              <strong>通知公告</strong>
              <h2>感谢广大好友</h2>
              <p>
                谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢
              </p>
            </a>
          </div>
          <!-- 通知公告结束 -->
          <!-- 热门文章开始 -->
          <div class="widget widget_postlist">
            <h3 class="title"><strong>热门文章</strong></h3>
            <ul class="items-02">
              <li v-for="obj in list" :key="obj.id">
                <a target="_blank" href="">
                  <span class="thumbnail">
                    <img
                      :src="'http://124.223.14.236:8060/'+obj.pic"
                      class="thumb"
                    />
                  </span>
                  <span class="text">{{obj.title}}</span>
                  <span class="text-muted post-views">阅读(16398)</span>
                </a>
              </li>
            </ul>
          </div>
          <!-- 热门文章结束 -->
          <!-- 热门标签开始 -->
          <div class="widget widget_tags">
            <h3 class="title"><strong>热门标签</strong></h3>
            <ul class="widget_tags_inner">
              <li v-for="obj in allTag" :key="obj.id">
                <a title="" href="">{{obj.tagname}}</a>
              </li>
            </ul>
          </div>
          <!-- 热门标签结束 -->
          <!-- 最新推荐开始 -->
          <div class="widget widget_postlist">
            <h3 class="title"><strong>最新推荐</strong></h3>
            <ul class="items-01">
              <li>
                <a target="_blank" href="">
                  <span class="thumbnail">
                    <img class="thumb" src="./static/images/default.png" />
                  </span>
                  <span class="text">
                    阿里云拼团推荐服务器1核2GSSD硬盘40G只要一年99元/三年279元
                  </span>
                  <span class="text-muted post-views">阅读(826)</span>
                </a>
              </li>
            </ul>
          </div>
          <!-- 最新推荐结束 -->
          <!-- 友情链接开始 -->
          <div class="widget widget_comments">
            <h3 class="title"><strong>友情链接</strong></h3>
            <ul>
              <li v-for="obj in allLink" :key="obj.id">
                <a :href="obj.url">
                  <img :src="'	http://124.223.14.236:8060/'+obj.img" alt="" />
                  <p>{{obj.des}}</p>
                </a>
              </li>
            </ul>
          </div>
          <!-- 友情链接结束 -->
        </div>

        <!-- 右侧结束 -->
      </section>
      <!-- 主体内容结束 -->

      <!-- 页脚开始 -->
      <footer class="footer">
        <div class="link">
          <!-- 友情链接： -->
          <span v-for="obj in allLink" :key="obj.id">
            <a href="obj.url" :title="obj.title">{{obj.des}}</a>
            <span>|</span>
          </span>
        </div>
        <p>
          &copy; 2021
          <a href="http://blog.weknow.cn">优点达资讯,</a>
          &nbsp;&nbsp;联系邮箱：xxxx@163.com &nbsp;&nbsp;
          <a href="">备案号信息</a>
        </p>
      </footer>
    </div>
    <!-- 页脚结束 -->
    <script src="./static/lib/layui-v2.7.4/layui/layui.js"></script>
    <script src="./static/js/shw_js/axios.js"></script>
    <script src="./static/js/shw_js/api.js"></script>
    <script src="./static/js/shw_js/vue.js"></script>
    <script src="./static/js/shw_js/show.js"></script>
  </body>
</html>
